<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="description" content="Information Technology Short Course Programs" />
<meta name="keywords" content="ComLabs, IT, Course, ITB, USDI, Training" />

<title>ComLabs IT Course | Home</title>
<link rel="shortcut icon" href="favicon.ico" mce_href="http://www.thenameofyoursitehere.com/favicon.ico"/>

<!--GENERAL STYLE-->
<link href="<?php echo base_url()?>css/baru.css" rel="stylesheet" type="text/css" />
<link href="<?php echo base_url()?>css/caption.css" rel="stylesheet" type="text/css" />
<link rel="stylesheet" href="<?php echo base_url()?>css/coda-slider-2.0.css" type="text/css" media="screen" />
<link href="<?php echo base_url()?>css/teaser.css" rel="stylesheet" type="text/css" />

<!--MAIN SCRIPT-->
<script type="text/javascript" src="<?php echo base_url()?>js/simpletooltip.js"></script>
<script type="text/javascript" src="<?php echo base_url()?>js/jquery-1.4.4.min.js"></script>
<script type="text/javascript" src="<?php echo base_url()?>js/cufon-yui.js"></script>
<script type="text/javascript" src="<?php echo base_url()?>js/feri_count.js"></script>
<script type="text/javascript" src="<?php echo base_url()?>js/feri_tooltip.js"></script>
<script type="text/javascript" src="<?php echo base_url()?>js/feri_slider.js"></script>
<script type="text/javascript" src="<?php echo base_url()?>js/captify.tiny.js"></script>
<script type="text/javascript" src="<?php echo base_url()?>js/feri_sche_toggle.js"></script>


<!--FONT SCRIPT-->
<script type="text/javascript" src="<?php echo base_url()?>js/Droid_Sans_400.font.js"></script>
<script type="text/javascript" >
	Cufon.replace('.droid');
</script>
<script type="text/javascript" src="<?php echo base_url()?>js/DIN_Alternate_400-DIN_Alternate_700.font.js"></script>
<script type="text/javascript" >
	Cufon.replace('.din');
</script>
<script type="text/javascript" src="<?php echo base_url()?>js/HelveticaNeue_400.font.js"></script>
<script type="text/javascript" >
	Cufon.replace('.hel');
</script>
<script type="text/javascript" src="<?php echo base_url()?>js/Myriad_Pro_400-Myriad_Pro_700.font.js"></script>
<script type="text/javascript" >
	Cufon.replace('.myd');
</script>

<!--CAPTION SCRIPT-->
<script type="text/javascript">
$(function(){
	$('img.captify').captify({
		// all of these options are... optional
		// ---
		// speed of the mouseover effect
		speedOver: 'fast',
		// speed of the mouseout effect
		speedOut: 'normal',
		// how long to delay the hiding of the caption after mouseout (ms)
		hideDelay: 400,	
		// 'fade', 'slide', 'always-on'
		animation: 'slide',		
		// text/html to be placed at the beginning of every caption
		prefix: '',		
		// opacity of the caption on mouse over
		opacity: '0.4',					
		// the name of the CSS class to apply to the caption box
		className: 'caption-bottom',	
		// position of the caption (top or bottom)
		position: 'bottom',
		// caption span % of the image
		spanWidth: '100%'
	});
});
</script>
<script type="text/javascript" src="<?php echo base_url()?>js/jquery.easing.1.3.js"></script>
<script type="text/javascript" src="<?php echo base_url()?>js/jquery.coda-slider-2.0.js"></script>
<script type="text/javascript">
	$().ready(function() {
		   $('#coda-slider-1').codaSlider({
			   autoSlide: true,
			   autoSlideInterval: 4000,
			   autoSlideStopWhenClicked: true
		   });
	   });
 </script>
</head>

<body>
<div id="selubung">